/*common*/

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
}
textarea{border: none;}
html {
	font-size: 62.5%;
	width: 100%;
	height: 100%;
}

body {
	font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", STHeiti, sans-serif;
}
ul li{list-style: none;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:normal;}
a,
a:hover,
a:focus {
	color: #333;
	text-decoration: none;
}
i
{
	font-style: normal;	
}
span
{
	font-size: 14px;
}
/* p
{
	font-size: 16px;
	display:block;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
} */
a,span,p
{	
	transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out; /* Firefox 4 */
	-webkit-transition: all 0.4s ease-out; /* Safari 和 Chrome */
	-o-transition: all 0.4s ease-out; /* Opera */
}
a:hover,span:hover,p:hover
{
	color: #ff0000;
	cursor: pointer;
}
input
{
	border: none;
	outline: none;
}
.imgBox
{
	padding:10px; 
}
.btn-hover
{
	position: relative;
    text-decoration: none;
}
.btn-hover:before
{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: #ff0000;
    transition: all .3s;
}
.btn-hover:hover:before
{
    width: 100%;
    left: 0;
    right: 0;
}

 img.animate:hover{
	-webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@keyframes hvr-push{
	50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}